<template>
  <!-- <dt-modal-info ref='info' title="流程信息" :width='800'>
    
  </dt-modal-info> -->

  <dt-modal-edit ref='edit' :title='title' :label-width='130' :width='500' @ok='onOk'>
    <dt-grid slot="nextContent" :heightResize="true" :columns="columns1" :list="list1" />
  </dt-modal-edit>
</template>

<script>
import columnOpt from '../opt/infoModalColumn'
import approveOpt from '../opt/approve.js'
export default {
  data() {
    return {
      title: '审批1',
      columns1: [],
      list1: [],
      info: {
        person: '',
        housePro: '',
        houseName: '',
        payable: '',
      },
    }
  },
  mounted() {
    this.columns1 = columnOpt.options(this)
    this.list1 = [
      {
        approveData: 11,
        approver: '11',
        approveOpinion: '11',
        approveContent: '11',
      },
      {
        approveData: 11,
        approver: '11',
        approveOpinion: '11',
        approveContent: '11',
      },
      {
        approveData: 11,
        approver: '11',
        approveOpinion: '11',
        approveContent: '11',
      },
    ]
  },
  methods: {
    // create() {
    //   this.$refs.info.show()
    // },
    // hide() {
    //   this.$refs.info.hide()
    // },

    create() {
      this.$refs.edit.show(approveOpt.options(this), this.info)
      // this.$refs.edit.show()
    },
    hide() {
      this.$refs.edit.hide()
    },
    onOk() {
      // initiateMgr.create(this.info).then((res) => {
      //   this.$emit('success', res)
      //   this.hide()
      // })
      this.$emit('success', 1)
    },
  },
}
</script>

<style>
</style>
